﻿<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>同谋大数据中心</title>
    <script type="text/javascript" src="js/jquery.js"></script>
    <link rel="stylesheet" href="css/comon0.css">
</head>
<script>
    $(window).load(function () {
        setTimeout(() => {
            $(".loading").fadeOut()
        }, 5000)
    })

    $(document).ready(function () {
        var whei = $(window).width()
        $("html").css({ fontSize: whei / 20 })
        $(window).resize(function () {
            var whei = $(window).width()
            $("html").css({ fontSize: whei / 20 })
            // 
        });
    });
</script>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script language="JavaScript" src="js/index.js"></script>

<body>
    <div class="canvas" style="opacity: .2">
        <iframe frameborder="0" src="js/index.html" style="width: 100%; height: 100%"></iframe>
    </div>
    <!-- <div class="loading">
        <div class="loadbox"> <img src="images/loading.gif"> 页面加载中... </div>
    </div> -->
    <div class="head">
        <h1>同谋大数据中心</h1>
        <div class="weather"><!--<img src="images/weather.png"><span>多云转小雨</span>--><span id="showTime"></span></div>


    </div>
    <div class="mainbox">
        <ul class="clearfix">
            <li>
                <div class="boxall" style="height: 3.2rem">
                    <div style="height:100%; width: 100%;">
                        <div class="sy" id="fb2"></div>
                        <div class="sy" id="fb1"></div>
                    </div>
                    <div class="boxfoot">

                    </div>
                </div>

                <div class="boxall" style="height: 3.2rem">
                    <div class="alltitle">年龄统计图</div>
                    <div class="allnav" id="echart2"></div>
                    <div class="boxfoot"></div>
                </div>

                <div class="boxall" style="height: 3.2rem">
                    <div class="alltitle">性别占比统计图</div>
                    <div class="allnav" id="echart3"></div>
                    <div class="boxfoot"></div>
                </div>
            </li>

            <li>
                <div class="bar">
                    <div class="barbox">
                        <ul class="clearfix">
                            <li class="pulll_left counter" id="allUser">----</li>
                            <li class="pulll_left counter" id="inUser">----</li>
                        </ul>
                    </div>
                    <div class="barbox2">
                        <ul class="clearfix">
                            <li class="pulll_left">加盟数 </li>
                            <li class="pulll_left">当前活跃门店</li>
                        </ul>
                    </div>

                </div>
                <div class="select">
                    <label for="openMap">
                        <input type="radio" checked def name="radioSelect" id="openMap" value="openMap"> 地图
                    </label>
                    <label for="openVideo">
                        <input type="radio" def name="radioSelect" id="openVideo" value="openVideo"> 视频
                    </label>
                </div>
                <div class="map">
                    <div class="map1"><img src="images/lbx.png"></div>
                    <div class="map2"><img src="images/jt.png"></div>
                    <div class="map3"><img src="images/map.png"></div>
                    <div class="map4" id="map_1"></div>
                    <video class="video" id="video" controls loop></video>
                </div>
            </li>

            <li>
                <div class="boxall" style="height:3.4rem">
                    <div class="alltitle">昨今日活跃度对比</div>
                    <div class="allnav" id="echart4"></div>
                    <div class="boxfoot"></div>
                </div>
                <div class="boxall" style="height: 3.2rem">
                    <div class="alltitle">各省份用户统计图</div>
                    <div class="allnav" id="echart5"></div>
                    <div class="boxfoot"></div>
                </div>
                <div class="boxall" style="height: 3rem">
                    <div class="alltitle">新用户注册</div>
                    <div class="userList">
                        <ul id="userSwiper"></ul>
                    </div>
                    <div class="boxfoot"></div>
                </div>
            </li>
        </ul>
    </div>
    <div class="back"></div>


    <script type="text/javascript" src="js/china.js"></script>

    <script>
        setInterval(() => {
            $(window).load();
        }, 60000)

        const video = document.getElementById("video")
        // 事件
        $('#openMap').click(function () {
            $('#map_1').show()
            $('#video').hide()
            video.pause()
        })

        $('#openVideo').click(function () {
            $('#map_1').hide()
            $('#video').show()
            video.play()
        })
    </script>

    <script>


    </script>

</body>

</html>